<template>
  <div class="PRPage2">
    <div>
        <el-row>
            <el-col :span="1">
                <div @click="gopr1" class="goback">
                    <svg t="1754026822485" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9180" width="40" height="40"><path d="M862.485 481.154H234.126l203.3-203.3c12.497-12.497 12.497-32.758 0-45.255s-32.758-12.497-45.255 0L135.397 489.373c-12.497 12.497-12.497 32.758 0 45.254l256.774 256.775c6.249 6.248 14.438 9.372 22.627 9.372s16.379-3.124 22.627-9.372c12.497-12.497 12.497-32.759 0-45.255l-203.3-203.301h628.36c17.036 0 30.846-13.81 30.846-30.846s-13.81-30.846-30.846-30.846z" fill="" p-id="9181"></path></svg>
                </div>
            </el-col>
        </el-row>
    </div>
    <div class="shadowdiv">
        <CpjbxxVue/>
    </div>
    <div class="shadowdiv">
        <QczsVue/>
    </div>
    <div class="shadowdiv">
        <QwrzVue/>
    </div>
    <div class="scjd">
        <JdxxVue/>
    </div>
    <div class="shadowdiv">
        <ZzhjjcVue/>
    </div>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router';
import CpjbxxVue from '@/components/ncpsy/productroot/PRPage2/CpjbxxVue.vue';
import QczsVue from '@/components/ncpsy/productroot/PRPage2/QczsVue.vue';
import QwrzVue from '@/components/ncpsy/productroot/PRPage2/QwrzVue.vue';
import JdxxVue from '@/components/ncpsy/productroot/PRPage2/JdxxVue.vue';
import ZzhjjcVue from '@/components/ncpsy/productroot/PRPage2/ZzhjjcVue.vue';

const router = useRouter();

const gopr1 = () => {
    router.push({name:'PRPage1'});
};
</script>

<style scoped>
/* .box{
    background-color: #a16767;
} */
.PRPage2{
    padding: 30px 60px;
}
.shadowdiv{
    overflow: hidden;
    border-radius: 10px;
    min-height: 150px;
    margin-top: 10px;
    margin-bottom: 40px;
    /* 阴影设置：左右下有阴影，上无阴影 */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 
                0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* 初始状态 - 绿色箭头 */
.goback .icon path {
  fill: #888888;
}
.goback:hover .icon path {
  fill: #2e7d32;
}
.scjd{
    border-radius: 10px;
    min-height: 150px;
    margin-top: 10px;
    margin-bottom: 40px;
}
</style>